<template>
    <div id="app">
        <imFlameWord :text="'iMeta'" :bg-img="bgImg" style="width: 470px;height: 140px"/>
        <div id="nav">
            <router-link to="/">Home</router-link> |
            <router-link to="/about">About</router-link>|
            <router-link to="/icon">icon</router-link>
        </div>

        <router-view/>

        <!--        <advancedform :name="name"></advancedform>-->

        <!--        <im-button @click="aa">1</im-button>-->
        <!--        <im-container @click="aa">2</im-container>-->
        <!--        <icon type="qrcode" style="color: #ff4f02;" />-->
        <!--        <icon type="add" />-->

        <!--    <svg class="svg-icon" aria-hidden="true">-->
        <!--      <use xlink:href="#icon-qrcode"></use>-->
        <!--    </svg>-->

        <!--    <i class="iconfont">&#xe611;</i>-->
        <!--    <i class="iconfont icon-qrcode"></i>-->
    </div>
</template>

<script>
import bgImg from 'reducer-ui/assets/flame-word.gif'
export default {
    name: 'app',
    data () {
        return {
            bgImg: bgImg,
            msg: 'Welcome to Your Vue.js App'
        }
    },
    components: {

    }

}
</script>
<style>
  .svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
</style>
